<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的预约</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_604068_q0cldnnsz3v50zfr.css" />
            <!--mui-->
    <script src="/static/mui/js/mui.js"></script>
    <link href="/static/mui/css/mui.css" rel="stylesheet" />
</head>
<style >
    .headTitle {
        position: fixed;
        border: 1px solid #f4f4f4;
        border-top: none;
        border-left: none;
        border-right: none;
        background: #fff;
        width: 100%;
        height: 44px;
        line-height: 44px;
    }
    .head {
        position: absolute;
        width: 100%;
        max-width: 640px;
        right: 0;
        margin: 0 auto;
        height:44px;
        background: rgb(255, 255, 255);
        top: 0;
        left: 0;
        z-index: 3;
    }
    .head .title1 {
        text-align: center;
        font-size: 17px;
        margin: 0 8%;
        font-style: normal;
        font-weight: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 100%;


    }
    .head a img {
        float: left;
        display: block;
        width: 100%;
        width: 10px;
        height: 16px;
        margin-left: 5%;
        margin-top: 14px;
    }
    .list_word {
        color: #999999;
        font-size: 12px;
    }
</style>
<body style="background-color: rgb(239,239,244);">
<header class="head headTitle" style="text-align: center">
    <a class="back"  href="{:url('/home/my/my')}"><img src="/static/images/back_gray.png" ></a>
    <span class="title1" >我的预约</span>
</header>

<div style="margin-top: 54px">

            <div  style="background: #ffffff;margin-top: 5px;  padding: 10px; border-bottom: 1px  solid  #f4f4f4; position: relative">
                    <div   style="border-bottom: 0.01rem solid #f4f4f4;">
                        <span style="font-size: 15px">预约编号：DD20180325000198</span>
                        <span style="font-size: 12px;position: absolute;right: 10px" >2018-03-05</span>
                    </div>
                    <div    style="font-size: 15px">
                      <div ><span style="margin-right: 15px" >姓名：</span><span>145</span></div>
                      <div><span style="" >手机号：</span><span>15236987526</span></div>
                      <div><span  style="margin-right: 15px">产品：</span><span>新房装修套餐</span></div>
                    </div>
            </div>

    <div  style="background: #ffffff">
        <div  style="margin-top: 5px; padding: 10px;  border-bottom: 1px  solid  #f4f4f4; position: relative;">
            <div   style="border-bottom: 0.01rem solid #f4f4f4;  ">
                <span style="font-size: 15px">预约编号：DD20180325000198</span>
                <span style="font-size: 12px;position: absolute;right: 10px" >2018-03-05</span>
            </div>
            <div    style="font-size: 15px">
                <div ><span style="margin-right: 12%"   class="list_word">姓名：</span><span>145</span></div>
                <div><span style="margin-right: 9%"   class="list_word">手机号：</span><span>15236987526</span></div>
                <div><span  style="margin-right: 12%"  class="list_word">产品：</span><span>新房装修套餐</span></div>
                <div  style="border: 0px solid red;  width :15%;height:50%;  opacity: 0.7; position: absolute;bottom: 5%  ;right: 5%;background: url(/static/images/yuyue.jpg)  no-repeat  ;  background-size: 90%"></div>
            </div>
        </div>
    </div>



    <!--<div class="mui-row"  style="background-color: #fff;">-->
        <!--<div class="mui-col-xs-3" style="color: #000000;">预约编号：</div>-->
        <!--<div class="mui-col-xs-6" style="color: #000000;">DD20180325000198</div>-->
        <!--<div class="mui-col-xs-3" style="color: #000000;">2018-03-05</div>-->
        <!--<div class="mui-col-xs-2 list_word">姓名：</div>-->
        <!--<div class="mui-col-xs-10 list_word1">{{item.xinghao}}</div>-->
        <!--<div class="mui-col-xs-3 list_word">手机号：</div>-->
        <!--<div class="mui-col-xs-9 list_word1">{{item.caizhi}}</div>-->
        <!--<div class="mui-col-xs-6 list_word">产品：</div>-->
        <!--<div class="mui-col-xs-6 list_word1">3</div>-->
    <!--</div>-->


</div>
</body>
</html>